			*{
				margin: 0;
				padding: 0;
			 }
			 
			 /**
			  * 字体
			  */
			 .fontformat{
			 	font-family: Microsoft YaHei","微软雅黑";;
    			font-size: 14px;
    			color: #666;
    			text-align: center;
			 }
			 
			 /**
			  * 外层篮板
			  */
			#container{
				margin: auto ;
				margin-top: 50px;
				width: 380px;
				height: 530px;
				background-color: cornflowerblue;
				
			}
			/**
			 * 外层文字
			 */
			#xx{
				margin: 3px;
				font-weight: bold;
				margin-top: 5px;
				margin-left: 10px;
				
			}
			
			/**
			 * 内层白板
			 */
			#inContainer{
				position: relative;
				margin:auto;
				margin-top: 5px;
				width: 377px;
				height: 446px;
				background-color:lemonchiffon;
				
				padding-top: 60px;
			}
			/**
			 * 关闭图标
			 */
			#close{
				width: 16px;
				height: 16px;
				background-image: url(../img/cancel.png);
				float: right;
				margin: 2px;
			}
			
			/**
			 * 大输入外框
			 */
			.inputr{
				width: 350px;
				height: 44px;
				margin: 0px 15px 10px 15px;
				
				z-index: 0;
				
				position:relative;
				border: 1px solid #c5cddb;
				background: #fff;
				font-size: 12px;
				line-height: 44px;
				/**
				 * 圆角
				 */
				border-radius: 5px;
				/**
				 * 外边框光亮
				 */
				box-shadow: 0 2px 5px rgba(0,28,88,.3);
				
				margin-top: 20px;
			}
			
			/**
			 * 大输入框鼠标移入事件
			 */
			.inputr:hover{
				border: 1px solid #6495ED;
				/*opacity:.05;* 消失/ 
				 */
				filter:glow(color=green,strength=1);
			}
			
			/**
			 * input的默认边框
			 */
			input{
				outline: none;
				border: none;
				width: 140px;
			}
			
			/**
			 * 大输入框内的内容，全部浮动，否则会给大输入框遮住
			 */
			.f{
				display: block;
				/*position: absolute;*/
				float: left;
				/*color: #c5cddb;*/
				font-size: 14px;
				line-height: 44px;
				padding-left:3px ;
				
			}
			
			/**
			 * 所有的图片大小
			 */
			.pictrue{
				width: 24px;
				height: 24px;
				margin-top:10px ;
				
			}
			
			/**
			 * 各个小图标
			 */
			#pt01{
				background-image: url(../img/name.png);
			}
			#pt02{
				background-image: url(../img/pass.png);
			}
			#pt03{
				background-image: url(../img/pass.png);
			}
			#pt04{
				background-image: url(../img/pass.png);
			}
			
			/**
			 * 验证码图片大小及样式
			 */
			#ptsecurity{
				width: 48px;
				height: 21px;
				background-image: url(../img/yzm.png);
				margin-top: 11px;
			}
			
			/**
			 * 发送验证码按钮
			 */
			#security{
				width: 60px;
				height: 22px;
				font-size: 13px;
				color:#000;
				margin-top: 11px;
				line-height: 22px;
				/**
				 * 圆角
				 */
				border-radius: 15px;
				font-weight: bold;
			}
			/**
			 * 发送验证码按钮.鼠标效果
			 */
			#security:hover{
				background-color: #3D8DE2;
			}
			
			/**
			 * 后台验证的结果
			 */
			.jg img{
				display:inline-block;
				width:16px ;
				height:16px;
			}
			/**
			 * 默认隐藏结果图标
			 */
			.ok  {
				visibility: hidden;
			}
			.on{
				visibility: hidden;
			}
			
			/**
			 * 免登陆 忘记密码
			 */
			.mdl{
				width: 240px;
				height: 17px;
				display: inline-block;
				font-size: 12px;
				color: #848585;
				line-height: 17px;
				margin: 10px 0px;
			}
			/**
			 * 鼠标效果
			 */
			.mdl a{
				text-decoration: none;
				margin: -10px;
			}
			
			#unlogin{
				display:inline-block;
				
			}
			/**
			 * 忘记密码
			 */
			#forgetpwd{
				width: 90px;
				float: right;
				padding-right: 30px;
				
				
			}
			/**
			 * 复选框
			 */
			#checkboxId {
				width: 36px;
				padding-left: 20px;
				display: inline-block;
				
			}
			#checkboxId input{
				width: 36px;
				padding-top: 3px;
			}
			
			/**
			 * 登陆按钮
			 */
			.btn{
				display: inline-block;
				width: 140px;
				height: 38px;
			    line-height: 38px;
			    color: #fff;
			    font-size: 14px;
			    font-weight: 700;
			    text-align: center;
			    box-shadow: 0 2px 5px rgba(0,28,88,.3);
			    cursor: pointer;
			    margin-top: 50px;
			    margin-left: 30px;
			}
			
			
			#btn01 {
				background-color: #3D8DE2;
			
			}
			#btn01:hover{
				background-color:#36C;
			}
			#btn02 span{
				display: block;
				width: 140px;
				height: 38px;
				background-color: #E7EFF8;
				color: rgba(102,101,102,0.9)
				
			}
			#btn02 span:hover{
				
				background-color: #C5CDDB;
				color: #000000;
			}